<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<title>深圳海灵车展</title>
	<link rel="stylesheet" type="text/css" href="css/entry.css">
	<script type="text/javascript" src="./js/cookie.js"></script>
	<script type="text/javascript">
		 // 适配所有移动端，1rem=100px
		!function (d) {
		    var c = d.document;
		    var a = c.documentElement;
		    var b = d.devicePixelRatio;
		    var f;
		    function e() {
		      var h = a.getBoundingClientRect().width, g;
		      if (b === 1) {
		        h = 750
		      }
		      if(h>750) h = 750;//设置基准值的极限值
		      g                = h / 7.5;
		      a.style.fontSize = g + "px"
		    }
		    if (b > 2) {
		      b = 3
		    } else {
		      if (b > 1) {
		        b = 2
		      } else {
		        b = 1
		      }
		    }
		    a.setAttribute("data-dpr", b);
		    d.addEventListener("resize", function () {
		      clearTimeout(f);
		      f = setTimeout(e, 200)
		    }, false);
		    e()
		}(window);
		// 获取url参数
		function GetQueryString(name){
			var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r!=null)return  unescape(r[2]); return null;
		}
		// 获取相关信息
		var whereFrom = GetQueryString("from");// 来源
		var phone = GetQueryString("fromPhone");// 手机
		var compId = GetQueryString("compId");
		var _Global_;// 全局来源
		//兼容微信分享出去自带from query的冲突 singlemessage groupmessage timeline 分别对应 单人分享 微信群分享 朋友圈分享
		if (whereFrom == null || whereFrom == '' || whereFrom == 'null'|| whereFrom=='singlemessage' || whereFrom=='groupmessage' || whereFrom=='timeline') {
			_Global_ = 'web';
		} else {
			_Global_ = 'app';
			// 设置cookie 在分会场内取出使用
			setCookie('phone',phone);
		}
		// 设置cookie 在分会场内取出使用
		setCookie('siteFrom',_Global_);
		// setCookie('loginkey',169623);//测试
		// setCookie('userName',13590263965);//测试
	</script>
</head>
<body>
	<div class="mask"></div>
	<!-- 提示弹出框 -->
	<div class="promptBox">
		<p class="firstary"></p>
		<p class="secondary"></p>
		<div class="iKnow">知道了</div>
	</div>
	<div class="promptBox1">
		<p class="firstary1"></p>
		<p class="secondary1"></p>
		<div class="iKnow1">去使用</div>
	</div>
	<div class="youHaveNot">
		<p>您没有中奖记录</p>
		<div class="iKnow">知道了</div>
	</div>
	<div class="yellowRelative">
		<img src="./images/show/yellowRelative.gif" alt="" class="yellowR" />
		<img src="./images/close.png" class="close">
	</div>

	<!-- 抽奖活动规则 -->
	<div class="drawRulePages">
		<img src="images/show/drawRule.png">
		<img src="images/show/close.png" class="close">
	</div>
    <!-- 中奖记录弹窗 -->
	<div class="drawRecord">
		<!-- web端 -->
		<div class="allRecord">
		
			<div class="record0">
				<img src="images/show/jp1-1.png" onclick="drawGo('http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/carProduct')"	>
			</div>
			<div class="record1" id="record2">
				<img src="images/show/jp1-2.png" onclick="drawGo(0)">
			</div>
			<div class="record2">
				<img src="images/show/jp1-3.png" onclick="openMaintain()">
			</div>
			<div class="record3">
				<img src="images/show/jp1-5.png" onclick="drawGo('http://carnt.carnettong.com:8088/4SCAFE/HTML5/aTestWx/dist/index.html')">
			</div>
			<div class="record4" id="record8">
				<img src="images/show/jp1-7.png" onclick="H5AppOpen(569433)">
			</div>
			<div class="record5">
				<img src="images/show/jp1-2.png" onclick="drawGo(0)">
			</div>
			<div class="record6">
				<img src="images/show/jp1-6.png" onclick="drawGo('http://carnt.carnettong.com:8088/4SCAFE/HTML5/aTestWx/dist/index.html')">
			</div>
			<div class="record7" id="record4">
				<img src="images/show/jp1-4.png" onclick="openSpray()">
			</div>

		</div>
		<img src="images/show/close.png" class="close">
	</div>

	<!-- 中奖结果 -->
	<div class="drawResult">
		
		<!-- 30元车品券 -->
		<div class="result0">
			<img src="images/show/jp1.png">
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="drawGo('http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/carProduct')"></div> <!-- 去使用 -->
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<!-- 门票 -->
		<div class="result1">
			<img src="images/show/jp2.png" >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="drawGo(0)"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<!-- 50元保养券 -->
		<div class="result2">
			<img src="images/show/jp3.png" >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="openMaintain()"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<!-- 5元鹿皮巾 -->
		<div class="result7">
			<img src="images/show/jp7.png" >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="H5AppOpen(569433)"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<!-- 10元咖啡券 -->
		<div class="result4">
			<img src="images/show/jp5.png" >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="drawGo('http://carnt.carnettong.com:8088/4SCAFE/HTML5/aTestWx/dist/index.html')"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<!-- 门票 -->
		<div class="result5">
			<img src="images/show/jp2.png"  >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="drawGo(0)"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>

		<!-- 5折咖啡券 -->
		<div class="result6">
			<img src="images/show/jp6.png" >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="drawGo('http://carnt.carnettong.com:8088/4SCAFE/HTML5/aTestWx/dist/index.html')"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>

		<!-- 50元喷漆券 -->
		<div class="result3">
			<img src="images/show/jp4.png"  >
			<div class="btnExchange" style="width:3.46rem;height:.58rem;position:absolute;bottom:.84rem;left:50%;transform:translateX(-50%);" onclick="openSpray()"></div>
			<div class="btnShare" style="width:3.46rem;height:.58rem;position:absolute;bottom:.16rem;left:50%;transform:translateX(-50%);" onclick="shareFriend()"></div> <!-- 分享好友再抽一次 -->
		</div>
		<img src="images/show/close.png" class="close">
	</div>
		<!-- 点击中奖记录弹框后，再点击中奖记录中商品（有去领取字样的商品劵）后的弹框 -->
	<div class="recordDetail">
		<div class="detail1">
			<img src="images/show/detail1.png">
			<!-- 将链接定位到图片上的链接上 -->
			<a href="http://t.cn/RyUYEJx"></a>
			<span></span>
		</div>
		<!-- <div class="detail2">
			<img src="images/show/detail2.png">
			<a href="http://t.cn/RyUYEJx"></a>
			<span></span>
		</div>
		<div class="detail3">
			<img src="images/show/detail3.png">
			<a href="http://t.cn/RyUYEJx"></a>
			<span></span>
		</div> -->
	</div>

	<!-- 登录 -->
	<div class="verification commonMain">
		<div class="from_input">
			<div class="phone_number">
				<div class="phone_number_icon"></div>
				<input type="text" placeholder="输入手机号" maxlength="11">
			</div>
			<div class="phone_code">
				<input type="text" placeholder="输入验证码" maxlength="6">
				<div class="phone_code_get">获取验证码</div>
			</div>
		</div>
		<p class="alertWord"></p>
		<div class="toLogin">点击登录</div>		
		<img src="./images/close.png" class="close">		
	</div>

	<div class="contentBox">		
		<div class="tabs">
			<div class="tabTitle">
				玩转深圳海灵车展
				<span class="showTabs"></span>
			</div>
			<div class="Items">
			<div class="tabItems">
				<a href="http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/homepage">
					<img src="./images/tab1.png" alt="" />
					<p>首页</p>
				</a>
				<a href="http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/carProduct">
					<img src="./images/tab2.png" alt="" />
					<p>车品</p>
				</a>
				<a href="http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/shoppingCart">
					<img src="./images/tab3.png" alt="" />
					<p>购物车</p>
				</a>
				<a href="http://carnt.carnettong.com:8088/CARNT/jsp/pay/indexM.html#/mine">
					<img src="./images/tab4.png" alt="" />
					<p>我的</p>
				</a>
			</div>
			</div>
		</div>
		<a name="carExhibition"></a>
		<div class="headerBlank"></div>
		<div class="headerImg">
			<img src="images/playHLshow.jpg" alt=""/>
		</div>
		<div class="nav">
			<div class="pageNav">
				<!-- 顶部导航 -->
				<a href="#carExhibition" class="active"></a>
				<a href="#yellowP"></a>
				<a href="#product"></a>
			</div>
		</div>
		<div class="contentMain" style="background:#2f0083;background-size: 7.5rem auto;margin-top: -0.42rem;">
			<div class="drawTop">
				<img src="images/lottery/activeTitle.png">
				<img src="images/lottery/activeRule.png" id="activeRule">
			</div>
			<!-- 转盘 -->
			<div id="lottery">
	            <div class="table">
	                <div class="lottery-group">
	                    <div class="lottery-unit lottery-unit-0 td_1 active" >
	                        <div class="wrap">
	                            <img src="images/lottery/1.png">
	                  
	                        </div>
	                    </div>
	                    <div class="lottery-unit lottery-unit-1 td_2">
	                        <div class="wrap">
	                            <img src="images/lottery/8.png">
	                          
	                        </div>
	                    </div>
	                    <div class="lottery-unit lottery-unit-2 td_3">
	                        <div class="wrap">
	                            <img src="images/lottery/3.png">
	                        </div>                            
	                    </div>
	                </div>
	                <div class="lottery-group">
	                    <div class="lottery-unit lottery-unit-7 td_4">
	                        <div class="wrap">
	                            <img src="images/lottery/4.png">
	                        </div>
	                    </div>
	                    <div class="now lottery-unit">
	                        <div class="wrap">
	                    	  <img src="images/lottery/5.png" id="startDraw">
	                    	</div>
	                    </div>
	                    <div class="lottery-unit lottery-unit-3 td_5">
	                        <div class="wrap">
	                            <img src="images/lottery/6.png">
	                        </div>
	                    </div>
	                </div>
	                <div class="lottery-group">
	                    <div class="lottery-unit lottery-unit-6 td_6">
	                        <div class="wrap">
	                            <img src="images/lottery/7.png">
	                        </div>
	                    </div>
	                    <div class="lottery-unit lottery-unit-5 td_7">
	                        <div class="wrap">
	                            <img src="images/lottery/8.png">
	                        </div>
	                    </div>
	                    <div class="lottery-unit lottery-unit-4 td_8">
	                        <div class="wrap">
	                            <img src="images/lottery/9.png">
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>	
	        <!-- 中奖播报 -->
			<div class="drawJ">
				<img src="images/lottery/drawJ.png" id="drawJ">
				<div class="activeMess">
					<div class="allMess">
						<ul>
							
				        </ul>
			        </div>
				</div>
			</div>	

			<!-- 凭门票兑换安全锤 -->
			<!-- <div class="twopage">
				<img src="images/show/pay.png">
			</div>	 -->		

			<!-- 安全锤 -->
			<div class="safetyHammer">
				<img src="images/safetyHammer.png" alt=""/>
			</div>
			<a name="yellowP"></a>
			<!-- 小黄人 -->
			<a href="#yellowP" name="yellowP"></a>
			<div class="minion">
				<img src="images/minion.png" alt=""/>
				<div class="minion_left"></div>
				<div class="minion_right"></div>
				<div class="yellowPDD">
					
				</div>
			</div>
			<!-- 5元咖啡 -->
			<div class="fiveCoffee">
				<img src="images/coffee1.png" alt="" onclick="exchangeCoffee_1()"/>
				<img src="images/coffee2.png" alt="" onclick="exchangeCoffee_2()"/>
			</div>
			<!-- 超值车品 -->
			<div class="bargainCarp">				
				<img src="images/bargainCarp.jpg" alt=""/>
			</div>
			<!-- 行车记录仪 -->
			<div class="drivingRecorderInfo">
				<a name="product"></a>
				<div class="drivingRecorderTitle">
					<img src="images/drivingRecorder.jpg" alt=""/>
				</div>
				<div class="drivingRecorderList">
					<div class="drivingRecorderList1">
						<img src="images/drivingRecorder/carp1.png" alt="" onclick="H5AppOpen('555828')"/>
						<img src="images/drivingRecorder/carp2.png" alt="" onclick="H5AppOpen('3403')"/>	
					</div>
					<div class="drivingRecorderList2">
						<img src="images/drivingRecorder/carp3.png" alt="" onclick="H5AppOpen('569442')"/>
						<img src="images/drivingRecorder/carp4.png" alt="" onclick="H5AppOpen('569443')"/>	
					</div>
					<div class="drivingRecorderList3">
						<img src="images/drivingRecorder/carp5.png" alt="" onclick="H5AppOpen('4480')"/>
						<img src="images/drivingRecorder/carp6.png" alt="" onclick="H5AppOpen('4482')"/>	
					</div>
					<div class="drivingRecorderList4">
						<img src="images/drivingRecorder/carp7.png" alt="" onclick="H5AppOpen('4473')"/>
						<img src="images/drivingRecorder/carp8.png" alt="" onclick="H5AppOpen('4472')"/>	
					</div>
					<div class="loadmore">
						<img src="images/loadmore.png" alt=""/>	
					</div>
				</div>
			</div>
			<div class="giveCard">
				<img src="images/drivingRecorder/giveCard.png" alt=""/>
			</div>
			<!-- 脚垫 -->
			<div class="legMatInfo">
				<div class="legMatTitle">
					<img src="images/legMat.jpg" alt=""/>
				</div>
			</div>
			<div class="legMatList">
				<div class="legMatList1">
					<img src="images/legMat/carp1.png" alt="" onclick="H5AppOpen('556431')"/>
					<img src="images/legMat/carp2.png" alt="" onclick="H5AppOpen('556406')"/>	
				</div>
				<div class="legMatList2">
					<img src="images/legMat/carp3.png" alt="" onclick="H5AppOpen('556449')"/>
					<img src="images/legMat/carp4.png" alt="" onclick="H5AppOpen('556407')"/>	
				</div>
			</div>
			<div class="gifts">
				<img src="images/legMat/gifts.png" alt=""/>	
			</div>
			<!-- 座椅 -->
			<div class="safeSeatInfo">
				<div class="safeSeatTitle">
					<img src="images/safeSeat.jpg" alt=""/>
				</div>
			</div>
			<div class="safeSeatList">
				<div class="safeSeatList1">
					<img src="images/safeSeat/carp1.png" alt="" onclick="H5AppOpen('556012')"/>	
					<img src="images/safeSeat/carp2.png" alt="" onclick="H5AppOpen('556008')"/>	
				</div>
				<div class="safeSeatList2">
					<img src="images/safeSeat/carp3.png" alt="" onclick="H5AppOpen('556005')"/>	
					<img src="images/safeSeat/carp4.png" alt="" onclick="H5AppOpen('556001')"/>	
				</div>
				<div class="safeSeatList3">
					<img src="images/safeSeat/carp5.png" alt="" onclick="H5AppOpen('555997')"/>	
					<img src="images/safeSeat/carp6.png" alt="" onclick="H5AppOpen('555991')"/>	
				</div>
				<div class="safeSeatList4">
					<img src="images/safeSeat/carp7.png" alt="" onclick="H5AppOpen('555987')"/>	
					<img src="images/safeSeat/carp8.png" alt="" onclick="H5AppOpen('555969')"/>	
				</div>
				<div class="loadmore2">
					<img src="images/loadmore.png" alt=""/>	
				</div>
			</div>
			<div class="gift">
				<img src="images/safeSeat/gift.png" alt=""/>	
			</div>
			<div class="maintenance" onclick="openMtcard()">
				<img src="images/maintenance.jpg" alt=""/>	
			</div>
			<div class="violation" onclick="openIllegal()">
				<img src="images/violation.jpg" alt=""/>	
			</div>
			<div class="footerImg">
				<img src="images/footer.jpg" alt=""/>	
			</div>
			<div class="footerBl"></div>
    	</div>
	</div>
	<!-- web端app下载条 -->
    <div class="lim" id="limId" >
        <div class="limLeft">
            <img src="./images/close.png" class="closeLogo"/>
        	<img src="./images/logo.png" />
        	<div class="limMess">
        		<h1>车网通让你养车更轻松</h1>
        		<p>新人领500元养车红包</p>
        	</div>
        </div>
		<a href="javascript:void(0)" onclick="parent.window.location.href='http://t.cn/RyUYEJx'" class="todownload" >立即打开</a>
	</div>
	<!-- 回顶部 -->			
	<img src="images/top.png" id="gotop" style="width: 0.66rem;height: 0.66rem;position: fixed;bottom: 3rem;right: 0.5rem;border-radius: 50%;z-index: 10000;display: none;">
	<script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"> </script>
	<script src="js/entry.js"></script>
	<script type="text/javascript" src="js/wxAuthJump.js"></script>
	<script src="js/H5AppOpen.js"></script>
	<script src="js/share.js"></script>
</body>
</html>